// pages/plant-care/plant-care.js
Page({
  data: {
    careTips: [
      {
        id: 1,
        title: '春季花卉养护要点',
        image: '/images/care-tip1.jpg',
        content: '春季是花卉生长的关键时期，需要注意以下几点：\n\n1. 浇水管理：春季气温回升，植物需水量增加，但要注意避免积水。\n2. 施肥技巧：选择适合的肥料，薄肥勤施，促进植物生长。\n3. 修剪整形：及时修剪枯枝败叶，保持植物美观。\n4. 病虫害防治：定期检查植物健康状况，及时处理病虫害。',
        author: '园艺师小李',
        publishTime: '2024-01-15',
        tags: ['春季', '养护', '花卉']
      },
      {
        id: 2,
        title: '多肉植物浇水技巧',
        image: '/images/care-tip2.jpg',
        content: '多肉植物浇水是一门学问，掌握正确的方法很重要：\n\n1. 浇水原则：宁干勿湿，多肉植物耐旱不耐涝。\n2. 浇水频率：根据季节和植物状态调整，一般7-10天一次。\n3. 浇水方法：采用浸盆法或沿盆边浇水，避免叶片积水。\n4. 水质选择：使用晾晒过的自来水或雨水。\n5. 观察技巧：通过叶片状态判断是否需要浇水。',
        author: '多肉达人小王',
        publishTime: '2024-01-10',
        tags: ['多肉', '浇水', '技巧']
      },
      {
        id: 3,
        title: '室内绿植摆放指南',
        image: '/images/care-tip1.jpg',
        content: '合理的摆放位置能让绿植更好地生长：\n\n1. 光照需求：根据植物喜光程度选择位置。\n2. 通风条件：保持空气流通，避免闷热环境。\n3. 温度控制：避免空调直吹和暖气烘烤。\n4. 湿度管理：适当增加空气湿度。\n5. 空间布局：考虑植物大小和生长空间。',
        author: '室内园艺师',
        publishTime: '2024-01-08',
        tags: ['室内', '绿植', '摆放']
      },
      {
        id: 4,
        title: '花卉施肥完全指南',
        image: '/images/care-tip4.jpg',
        content: '正确的施肥能让花卉更加茂盛：\n\n1. 肥料选择：有机肥和化肥结合使用。\n2. 施肥时机：生长期和开花期需要不同营养。\n3. 施肥方法：根部施肥和叶面施肥相结合。\n4. 浓度控制：遵循"薄肥勤施"原则。\n5. 注意事项：避免肥料直接接触根系。',
        author: '肥料专家',
        publishTime: '2024-01-05',
        tags: ['施肥', '花卉', '营养']
      }
    ],
    currentTip: null,
    showDetail: false
  },

  onLoad(options) {
    const { id } = options
    if (id) {
      this.showTipDetail(parseInt(id))
    }
  },

  // 显示技巧详情
  showTipDetail(id) {
    const tip = this.data.careTips.find(item => item.id === id)
    if (tip) {
      this.setData({
        currentTip: tip,
        showDetail: true
      })
    }
  },

  // 隐藏详情
  onHideDetail() {
    this.setData({
      showDetail: false,
      currentTip: null
    })
  },

  // 点击技巧项
  onTipTap(e) {
    const tip = e.currentTarget.dataset.tip
    this.setData({
      currentTip: tip,
      showDetail: true
    })
  },

})
